<!--
 * @Author: 汪军 624473119@qq.com
 * @Date: 2023-10-10 18:15:53
 * @LastEditors: 汪军 624473119@qq.com
 * @LastEditTime: 2023-12-12 10:32:50
 * @FilePath: \ekee-web\src\views\end\easy-link\EasyLink.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template lang="pug">
.easy-mine.mb4
  EnterpriseCenterTabs(
    :tabList="tabList",
    :current="current",
    @change="onTabChange"
  )
  .mine-container
    component(
      :is="current == '正常订单' ? EasyMineOnlineOrder : EasyMineOfflineOrder"
    )
</template>

<script setup>
import { ref, onMounted } from "vue";
import EnterpriseCenterTabs from "@/components/EnterpriseCenterTabs.vue";
import EasyMineOnlineOrder from "@/views/end/easy-mine/EasyMineOnlineOrder.vue";
import EasyMineOfflineOrder from "@/views/end/easy-mine/EasyMineOfflineOrder.vue";


const tabList = ref(["正常订单", "退款订单"]);
const current = ref("正常订单");
const type = ref("");


const onTabChange = (value) => {
  current.value = value;
};
</script>

<style lang="stylus" scoped>
.easy-mine {
  .mine-container{
    height: calc(100vh - 234px);
  }
  .overdue {
    color: #E84026 !important;
  }

  .refund {
    color: #2487E8;
  }

  .no-quota {
    margin-top: 200px;
  }
}
</style>
